<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>科级管理人员个人有关事项报告管理系统</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="media/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>

    <link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="media/css/select2_metro.css" />
    <link rel="stylesheet" href="media/css/DT_bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="media/css/datepicker.css" />
    <!-- END PAGE LEVEL STYLES -->
    <link rel="shortcut icon" href="media/image/favicon.ico" />

    <!-- END PAGE LEVEL STYLES -->
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed page-sidebar-closed">
<!-- BEGIN HEADER -->
<jsp:include page="../fragment/header.jsp"/>
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<div class="page-container" >
    <!-- BEGIN PAGE -->
    <jsp:include page="../fragment/sidebar.jsp"/>

    <div class="page-content" style="background-color:#f5f5f5;">
        <div class="container-fluid" style="margin-left: -20px;">
         <div class="row-fluid">
            <div class="span12">
                    <form action="#" class="horizontal-form" style="margin-left: 8px; margin-top: 5px;" >
                        <div class="portlet box green">
                            <div class="portlet-title">
                                <div class="caption"><i class="icon-globe"></i> 审批</div>
                            </div>
                            <div class="portlet-body">
                                <div id="examine_div_id">
                                    <table class="table table-striped table-bordered table-hover" id="examine-table">
                                        <thead>
                                        <tr>
                                            <th>报批人</th>
                                            <th>性别</th>
                                            <th>政治面貌</th>
                                            <th>单位</th>
                                            <th>职位</th>
                                            <th>职级</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                            <c:forEach items="${list}" var="list">
                                                <tr class="odd gradeX">
                                                    <td>${list.C_USERNAME}</td>
                                                    <td>${list.SEX}</td>
                                                    <td>${list.POLITICALSTATUS}</td>
                                                    <td>${list.DEPT_NAME}</td>
                                                    <td>${list.POST}</td>
                                                    <td>${list.CLASSES}</td>

                                                    <td>
                                                        <c:if test="${list.STATE=='0'}">
                                                            <span style="color:#ff0c07">未提交</span>
                                                        </c:if>
                                                        <c:if test="${list.STATE=='1'}">
                                                            <a href="javascript:void(0);" onclick="examineBtn('${list.C_USERID}')" class="btn blue icn-only">审批</a></a>
                                                        </c:if>
                                                        <c:if test="${list.STATE=='2'}">
                                                            <span style="color: #00B83F">审批通过</span>
                                                        </c:if>
                                                        <c:if test="${list.STATE=='3'}">
                                                            <span style="color:#ff0c07">驳回</span>
                                                        </c:if>
                                                    </td>
                                                </tr>
                                            </c:forEach>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
        </div>
        <!-- END PAGE CONTAINER-->
        </div>
    </div>
    <!-- END PAGE -->
</div>


<div id="examinemodal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true" data-backdrop="static">
    <div class="modal-header">
        <h3 id="myModalLabel3">信息详细表</h3>
    </div>
    <div class="modal-body">
        <div class="row-fluid span12">
             <form action="#" class="horizontal-form" id="examine-form">
                <div class="row-fluid">
                    <p><span style="font-weight:bold">报批人首次提报婚姻状况:</span> <span id="FIRSTREPORT"></span></p>
                    <p><span style="font-weight:bold">报批人持有因私出国(境)证件的情况:</span> <span id="chuguodoc"></span></p>
                    <p><span style="font-weight:bold">报批人因私出国(境)的情况:</span> <span id="chuguo"></span></p>
                    <p><span style="font-weight:bold">报批人子女与外国人、无国籍人、港澳及台湾居民通婚情况:</span> <span id="zinvhunyin"></span></p>
                    <p><span style="font-weight:bold">报批人配偶、子女被司法机关追究刑事责任情况:</span> <span id="zeren"></span></p>
                    <p><span style="font-weight:bold">报批人配偶、子女移居国(境)外的情况:</span> <span id="yiju"></span></p>
                    <p><span style="font-weight:bold">报批人配偶、子女从业情况:</span> <span id="jiuye"></span></p>
                    <p><span style="font-weight:bold">报批人工资及奖金:</span> <span id="salary"></span></p>
                    <p><span style="font-weight:bold">报批人本人劳务所得:</span> <span id="laowu"></span></p>
                    <p><span style="font-weight:bold">报批人本人、配偶、共同生活子女的房产情况:</span> <span id="house"></span></p>
                    <p><span style="font-weight:bold">报批人本人、配偶、共同生活的子女投资或以其他方式持有股票(包括股权激励)情况:</span> <span id="gupiao"></span></p>
                    <p><span style="font-weight:bold">报批人本人、配偶、共同生活的子女投资或以其他方式持有基金的情况:</span> <span id="jijin"></span></p>
                    <p><span style="font-weight:bold">报批人本人、配偶、共同生活的子女投资或以其他方式持有期货的情况:</span> <span id="qihuo"></span></p>
                    <p><span style="font-weight:bold">报批人配偶、共同生活子女投资非上市公司、企业的情况::</span><span id="qiye"></span></p>
                    <p><span style="font-weight:bold">报批人配偶、共同生活子女注册个体工商户、个人独资企业或合伙企业的情况:</span> <span id="geti"></span></p>
                    <p><span style="font-weight:bold"></span> <span id="c_userid"></span></p>
                </div>
                <%--<div class="row-fluid">--%>
                    <%--<li></li>--%>
                    <%--<li></li>--%>
                    <%--<li></li>--%>
                    <%--<li></li>--%>
                    <%--<li></li>--%>
                    <%--<li></li>--%>
                    <%--<li></li>--%>
                    <%--<li></li>--%>
                    <%--<li></li>--%>
                <%--</div>--%>
            </form>
        </div>
    </div>
    <div class="modal-footer">
        <button data-dismiss="modal" class="btn blue" id="examineOKBtn">审批通过</button>
        <button data-dismiss="modal" class="btn"   id="examineNoBtn" aria-hidden="true">审批驳回</button>
    </div>
</div>


<!-- END CONTAINER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="media/js/jquery.gritter.js"></script>
<script type="text/javascript" src="media/js/jquery.pulsate.min.js"></script>
<script type="text/javascript" src="media/js/jquery.bootpag.min.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="media/js/ui-general.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->


<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
<script src="media/js/bootstrap.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="media/js/excanvas.min.js"></script>
<script src="media/js/respond.min.js"></script>
<![endif]-->
<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>
<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>
<script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="media/js/select2.min.js"></script>
<script type="text/javascript" src="media/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="media/js/DT_bootstrap.js"></script>
<script type="text/javascript" src="media/js/bootstrap-datepicker.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="media/js/app.js"></script>
<script src="media/js/table-editable.js"></script>

<script>
    function examineBtn(ID){
        $.ajax({
            type : 'POST',
            url : 'examineInfo',
            data : {'C_USERID':ID},
            async : true,
            success : function(data){
                $('#FIRSTREPORT').text(data.hunyin);
                $('#chuguodoc').text(data.chuguodoc);
                $('#chuguo').text(data.chuguo);
                $('#zinvhunyin').text(data.zinvhunyin);
                $('#zeren').text(data.zeren);
                $('#yiju').text(data.yiju);
                $('#jiuye').text(data.jiuye);
                $('#salary').text(data.salary.SUM);
                $('#laowu').text(data.laowu.SUM);
                $('#house').text(data.house);
                $('#gupiao').text(data.gupiao);
                $('#jijin').text(data.jijin);
                $('#qihuo').text(data.qihuo);
                $('#qiye').text(data.qiye);
                $('#geti').text(data.geti);
                $('#c_userid').val(ID);
                $('#examinemodal').modal('show');
            }
        });
    }
</script>

<script>
    //begin 个人收入所得
    $('#examine-table').dataTable({
        "aoColumns": [
            { "bSortable": false },
            { "bSortable": false },
            { "bSortable": false },
            { "bSortable": false },
            { "bSortable": false },
            { "bSortable": false },
            { "bSortable": false }
        ],
        "aLengthMenu": [
            [5, 15, 20, 99999],
            [5, 15, 20, "所有"] // change per page values here
        ],
        "iDisplayLength": 5,
        "bFilter" : false,
        "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
        "sPaginationType": "bootstrap",
        "oLanguage": {
            "sLengthMenu": "_MENU_ (记录/页)",
            "sInfo" : "从 _START_ 到  _END_ 条记录 总记录数为 _TOTAL_ 条",
            "oPaginate": {
                "sPrevious": "上一页",
                "sNext": "下一页"
            }
        }
    });
    //end  个人收入所得
</script>
<script>
    $('#examineOKBtn').on('click',function(){
        var id = $('#c_userid').val();
        $.ajax({
            type : 'POST',
            url : 'examineOKBtn',
            data : {'C_USERID':id},
            async : false,
            success : function(data){
                $('#examine_div_id').html(data);
            }
        });
    })
</script>
<script>
    $('#examineNoBtn').on('click',function () {
        var id = $('#c_userid').val();
        $.ajax({
            type : 'POST',
            url : 'examineNoBtn',
            data : {'C_USERID':id},
            async : false,
            success : function(data){
                $('#examine_div_id').html(data);
            }
        })
    })
</script>


<script>
    jQuery(document).ready(function() {

        $('.date-picker').datepicker({
            rtl : App.isRTL()
        });
        App.init();
        UIGeneral.init();
        TableEditable.init();
    });
</script>
<!-- END JAVASCRIPTS -->
<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script></body>
<!-- END BODY -->
</html>